<template>
    <div class="allbuju">
        <div id="top">
            <div class="back" @click="baojieshouye">
               <i class="fa-solid fa-arrow-left-long"></i>
            </div>
                
            <p>日常保洁</p>
        </div>
        <div class="partA">
            <h2>省时 省力 省心</h2>
            <div>
                 <i class="fa-regular fa-circle"></i>
                <span>服务保障 安全可靠</span>
            </div>
            <div>
                <i class="fa-regular fa-circle"></i>
                <span>雇佣式员工管理</span>
            </div>
            <div>
                <i class="fa-regular fa-circle"></i>
                <span>规范化培训流程</span>
            </div>
            <div>
                <i class="fa-regular fa-circle"></i>
                <span>专业的保洁工具</span>
            </div>  
            
        </div>
        <hr>
        <div class="partB">
            <span>服务费用:</span>
            <span id="red">&nbsp;79</span>
            <p>元╱次起</p>
            <br>
            <span>服务时间:</span>
            <p>上午8点或下午2点</p>
            <br>
            <span>适用范围:</span>
            <p>本产品仅适用于日常家庭室内保洁,不可用于学校,办公室,
                商铺,出租房,新装修房,长期未入住房，集体宿舍楼等
                房子类型保洁。</p>
        </div>
        <div id="yuyue">立即预约</div>
    </div>
</template>

<script>

export default {
  name: 'everydaybaojie',
  data(){
      return{

      }
  },
   methods:{
      baojieshouye(){
          this.$router.replace('/baomubaojie')
      }
   }
}
</script>
<style scoped>
#top{
    display: flex;
    background-color: coral;
}
#top i{
    margin: 10px 0 0 10px;
    font-size: 2rem;
    color: rgb(255, 255, 255);
}
#top p{
    position: relative;
    font-weight: lighter;
    color: aliceblue;
  left:120px;
}
.partA h2{
    color: coral;
    font-family: "楷体";
}
.partA div{
    display: inline-block;
    margin: 20px;
}
.partA i{
   color: rgb(255, 151, 107);
}
.partA span{
    margin-left: 5px;
    font-size: 0.8rem;
    
}
.partB{
    padding: 10px;
}
.partB span{
    font-weight: lighter;
    font-size: 20px;
}
hr{
    width: 80%;
    color: #ddd;
}
#red{
    color: red;
    font-size: 26px;
    margin-right: 10px;
}
.partB p{
    display: inline-block;
    color: gray;
    font-size: 15px;
letter-spacing:2px
}
#yuyue{
    height: 50px;
    background-color: coral;
    position: relative;
    /* font-weight: lighter;
    color: aliceblue; */
  top:302px;
  color: aliceblue;
  text-align: center;
  font-size: 25px;
}
</style>